<template>


  <div class="form warpper">
    <el-form ref="ruleForm" :model="formData" :rules="rules" label-width="170px">
      <div>
        <el-form-item label="Attention" style="width:460px">
          <el-input v-model="formData.attention" placeholder="Enter Attention"></el-input>
        </el-form-item>
        <el-form-item label="Tel" style="width:460px">
          <el-input v-model="formData.tel" placeholder="Enter Tel Number"></el-input>
        </el-form-item>
        <el-form-item label="Fax" style="width:460px">
          <el-input v-model="formData.fax" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="Address" style="width:460px">
          <el-input v-model="formData.address" placeholder="Enter Address"></el-input>
        </el-form-item>
      </div>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" size="mini" @click="save('ruleForm')" style="margin-left: 170px;">Submit</el-button>
    </div>
  </div>
</template>
<script>
  import CURD from "@/mixin/CURD";
  import {
    destroy,
    index as addrelist,
    store as addrestore
  } from "@/api/companyattention";
  export default {
    name: "companyattentionsIndex",
    props: {
      id: {
        type: String,
        default: 0
      }
    },
    components: {

    },
    mixins: [CURD],
    data() {
      return {
        isEdit: true,
        isNew: false,
        formData: {},
        module: "companyattention",
        newTitle: "New companyattention",
        editTitle: "Edit companyattention",
      };
    },
    async created() {
      const {
        show
      } = require(`@/api/${this.module}`);
      const {
        data
      } = await show(1);
      let result = data;
      this.formData = result;
    },
    methods: {

    }
  }
</script>
<style>
  .customWidth {
    width: 80%;
  }

  .addlist {
    border-bottom: 1px solid #ececec;
    display: flex;
    justify-content: space-between;
    width: 460px;
    position: relative;
    height: 40px;
    left: -85px;
  }
</style>
<style>
  .warpper {
    padding: 30px 20px;
    color: #606266;
    font-size: 14px;
    word-break: break-all;
  }

  .table,
  .toolbar,
  .page {
    margin: 20px;
  }

  .toolbar {
    margin-top: 10px;
    padding: 5px;
  }

  .table {
    margin-bottom: 10px;
  }

  .page {
    margin-top: 10px;
    text-align: center;
  }

  .green-text {
    color: green;
  }

  .red-text {
    color: red;
  }

  .yellow-text {
    color: yellow;
  }

  .el-form-item {
    margin-bottom: 22px !important;
  }
</style>